import { reqGoodsInfo, reqAddOrUpdateShopCart } from "@/api";
//封装游客身份的模块uuid---生成一个随机的字符串（只要生成就不能更改了）
import { getUUID } from "@/utils/uuid_token";

// home 模块的小仓库
const state = {
    //state 中数据默认初始值别瞎写，服务器返回是对象，起始值是对象; 服务器返回数组，起始值是数组 【初始值根据接口返回值初始化的】
    goodInfo: {},
    //游客的临时身份
    uuid_token:getUUID()
};
const mutations = {
    GETGOODINFO(state, goodInfo) {
        state.goodInfo = goodInfo
    }
};
const actions = {
    // 通过API 里面的接口函数调用，向服务器发送请求，获取服务器的数据
    // 收到参数是context,是一个对象，需要里面的commit,解构出来
    //获取产品信息的action
    async getGoodInfo({commit},skuId){
        let result = await reqGoodsInfo(skuId)
        // console.log('1', result);
        if(result.code == 200) {
            commit("GETGOODINFO", result.data)
        }
    },
    //将产品添加到购物车中
    async addOrUpdateShopCart({commit},{skuId,skuNum}){
        let result = await reqAddOrUpdateShopCart(skuId,skuNum)
        // console.log('1', result);
        //加入购物车以后（发请求），前台将参数带给服务器
        //服务器写入数据库成功，并没有返回其他数据，只是返回code=200， 代表这次操作成功
        // 因为服务器没有返回其他的数据，因此仓库中不需要进行vuex三连环存储数据
        // 当前的这个函数，如果最终执行，返回的是promis（因为这里有async）要返回成功和失败的数据，跳转购物车时候要用
        
        //代表服务器加入购物车成功
        if(result.code ==200){
            return "ok"
        } else{
            return Promise.reject(new Error('fail'))
        }
    }

};
//计算属性
const getters = {
    //路径导航简化的数据
    categoryView(state){
        //比如：state.goodInfo初始状态是空对象，空对象的categoryView属性值是undefined
        //当前计算出来的 categoryView属性值至少是一个空对象，假的报错就不会有了
        return state.goodInfo.categoryView || {}
    },
    //简化产品信息的数据
    skuInfo(state){
        return state.goodInfo.skuInfo || {}
    },
    //产品售卖属性的简化
    spuSaleAttrList(state){
        return state.goodInfo.spuSaleAttrList || []
    }
};

export default {
    state,
    mutations,
    actions,
    getters
}